$--amber-color-950: #461d02;
$--amber-color-900: #7a380d;
$--amber-color-800: #95440b;
$--amber-color-700: #b75a06;
$--amber-color-600: #dd7f02;
$--amber-color-500: #faad14;
$--amber-color-400: #ffc920;
$--amber-color-300: #ffdc49;
$--amber-color-200: #ffeb88;
$--amber-color-100: #fff6c6;
$--amber-color-50: #fffceb;

$--orange-color-950: #441506;
$--orange-color-900: #7d2d11;
$--orange-color-800: #9c3410;
$--orange-color-700: #c4420a;
$--orange-color-600: #ed5909;
$--orange-color-500: #fc7b1e;
$--orange-color-400: #fd943a;
$--orange-color-300: #ffbb72;
$--orange-color-200: #ffd8a9;
$--orange-color-100: #ffedd4;
$--orange-color-50: #fff7ed;

$--green-color-950: #072c18;
$--green-color-900: #175031;
$--green-color-800: #1a6139;
$--green-color-700: #1b7a43;
$--green-color-600: #1e9b52;
$--green-color-500: #2bbd68;
$--green-color-400: #52d689;
$--green-color-300: #8ce9b3;
$--green-color-200: #bef4d4;
$--green-color-100: #defae9;
$--green-color-50: #f1fcf5;

// 活力绿
$--lime-color-950: #192c07;
$--lime-color-900: #354f18;
$--lime-color-800: #3c5d17;
$--lime-color-700: #4a7615;
$--lime-color-600: #609a16;
$--lime-color-500: #80c421;
$--lime-color-400: #9edc3f;
$--lime-color-300: #b9ea6c;
$--lime-color-200: #d5f4a2;
$--lime-color-100: #eaf9ce;
$--lime-color-50: #f6fde8;

// 青板石
$--teal-color-950: #003332;
$--teal-color-900: #0e5350;
$--teal-color-800: #0b6461;
$--teal-color-700: #067f78;
$--teal-color-600: #029f95;
$--teal-color-500: #06b8a9;
$--teal-color-400: #1fe2ce;
$--teal-color-300: #52f6e0;
$--teal-color-200: #91feec;
$--teal-color-100: #c8fff4;
$--teal-color-50: #effefb;

// 星空蓝
$--sky-color-950: #10395b;
$--sky-color-900: #115f97;
$--sky-color-800: #0d71c0;
$--sky-color-700: #0793f7;
$--sky-color-600: #0da8ff;
$--sky-color-500: #25c3ff;
$--sky-color-400: #4edcff;
$--sky-color-300: #86ebff;
$--sky-color-200: #b8f1ff;
$--sky-color-100: #d7f6ff;
$--sky-color-50: #edfcff;

// 创智蓝
$--blue-color-950: #10275b;
$--blue-color-900: #123e96;
$--blue-color-800: #0f45be;
$--blue-color-700: #0955eb;
$--blue-color-600: #106dff;
$--blue-color-500: #278dff;
$--blue-color-400: #50b0ff;
$--blue-color-300: #88cdff;
$--blue-color-200: #b8dfff;
$--blue-color-100: #d7ecff;
$--blue-color-50: #edf7ff;

// 海莉蓝
$--indigo-color-950: #15086d;
$--indigo-color-900: #2a12a0;
$--indigo-color-800: #3013c4;
$--indigo-color-700: #4828eb;
$--indigo-color-600: #4829fe;
$--indigo-color-500: #5d4eff;
$--indigo-color-400: #8681ff;
$--indigo-color-300: #aeaeff;
$--indigo-color-200: #d2d3ff;
$--indigo-color-100: #e7e7ff;
$--indigo-color-50: #f2f3ff;

$--violet-color-950: #2e0570;
$--violet-color-900: #4d0da5;
$--violet-color-800: #5c0dca;
$--violet-color-700: #690ee8;
$--violet-color-600: #7c22ff;
$--violet-color-500: #8847ff;
$--violet-color-400: #a47cff;
$--violet-color-300: #c0abff;
$--violet-color-200: #dbd1ff;
$--violet-color-100: #ece6ff;
$--violet-color-50: #f4f1ff;

$--purple-color-950: #480665;
$--purple-color-900: #671b88;
$--purple-color-800: #7e20a9;
$--purple-color-700: #9720d0;
$--purple-color-600: #a926eb;
$--purple-color-500: #bf53f9;
$--purple-color-400: #d183fd;
$--purple-color-300: #e3b3ff;
$--purple-color-200: #efd5ff;
$--purple-color-100: #f6e8ff;
$--purple-color-50: #fbf5ff;

$--fuchsia-color-950: #4f033e;
$--fuchsia-color-900: #771863;
$--fuchsia-color-800: #911778;
$--fuchsia-color-700: #b21996;
$--fuchsia-color-600: #de35c2;
$--fuchsia-color-500: #f243d9;
$--fuchsia-color-400: #fb77e8;
$--fuchsia-color-300: #fdaaf2;
$--fuchsia-color-200: #ffcffc;
$--fuchsia-color-100: #ffe8fe;
$--fuchsia-color-50: #fff4fe;

$--red-color-950: #48070c;
$--red-color-900: #831922;
$--red-color-800: #9f1520;
$--red-color-700: #c01523;
$--red-color-600: #e62c3b;
$--red-color-500: #f73c4b;
$--red-color-400: #fe6b77;
$--red-color-300: #ffa1a9;
$--red-color-200: #ffc8cc;
$--red-color-100: #ffe1e3;
$--red-color-50: #fff1f2;

// 主色
$primaryColor: $--blue-color-700;
// 主色激活状态
$primaryActiveColor: $--blue-color-800;
// 主色悬浮状态
$primaryHoverColor: $--blue-color-500;
// 主色禁用状态
$primaryLightColor: $--blue-color-200;
// 主色浅底色
$primaryLighterColor: $--blue-color-100;
// 主色最浅色
$primaryLightestColor: $--blue-color-50;

// 主要文字
$fontMainColor: #010d23;
// 主要文字（次级）
$fontMainLightColor: #343d4f;
// 次要文字颜色
$fontSubColor: #676e7b;
// 次要文字颜色（次级）
$fontSubLightColor: #999ea7;
// 占位符颜色
$fontPlaceholderColor: #b2b6bd;
// 纯白文字
$fontWhiteColor: #ffffff;

// 深色线条（图标、禁用）
$borderDarkColor: #cccfd3;
// 线条
$borderColor: #d9dbde;
// 弱线条
$borderLightColor: #e5e6e9;

// 表格选中操作栏
$fillDarkestColor: #343d4f;
// 更深色
$fillDarkerColor: #4d5565;
// 深色背景
$fillDarkColor: #e5e6e9;
// 浅色背景
$fillColor: #f2f3f4;
// 纯白填充
$fillWhiteColor: #fff;
// 浅灰色
$fillGrayLightColor: #d9dbde;
// 灰色
$fillGrayColor: #cccfd3;

// 图标黑色，和文字颜色一致
$iconMainColor: #010d23;
// 图标默认色
$iconColor: #676e7b;
// 图标浅色
$iconLightColor: #999ea7;
// 图标更浅色
$iconLighterColor: #b2b6bd;
// 图标 白色
$iconWhiteColor: #ffffff;

// 绿色
$greenColor: $--green-color-500;
// 绿色标签背景色
$greenLightColor: $--green-color-200;
// 绿色背景色
$greenLightestColor: $--green-color-50;

// 橙色
$orangeColor: $--orange-color-500;
// 橙色标签背景色
$orangeLightColor: $--orange-color-200;
// 橙色背景色
$orangeLightestColor: $--orange-color-50;

// 红色
$redColor: $--red-color-500;
// 红色标签背景色
$redLightColor: $--red-color-200;
// 红色背景色
$redLightestColor: $--red-color-50;

// 蓝色
$blueColor: $--blue-color-700;
// 蓝色标签背景色
$blueLightColor: $--blue-color-100;
// 蓝色背景色
$blueLightestColor: $--blue-color-50;

// 海莉蓝
$indigoColor: $--indigo-color-700;
// 弱琥珀色
$amberWeakLightColor: $--amber-color-400;

:root {
  // 主色
  --ty-primary-color: #{$primaryColor};
  --ty-primary-active-color: #{$primaryActiveColor};
  --ty-primary-hover-color: #{$primaryHoverColor};
  --ty-primary-light-color: #{$primaryLightColor};
  --ty-primary-lighter-color: #{$primaryLighterColor};
  --ty-primary-lightest-color: #{$primaryLightestColor};

  // 文字颜色
  --ty-font-main-color: #{$fontMainColor};
  --ty-font-main-light-color: #{$fontMainLightColor};
  --ty-font-sub-color: #{$fontSubColor};
  --ty-font-sub-light-color: #{$fontSubLightColor};
  --ty-font-placeholder-color: #{$fontPlaceholderColor};
  --ty-font-white-color: #{$fontWhiteColor};

  // 线条颜色
  --ty-border-dark-color: #{$borderDarkColor};
  --ty-border-color: #{$borderColor};
  --ty-border-light-color: #{$borderLightColor};

  // 背景填充
  --ty-fill-darkest-color: #{$fillDarkestColor};
  --ty-fill-darker-color: #{$fillDarkerColor};
  --ty-fill-dark-color: #{$fillDarkColor};
  --ty-fill-color: #{$fillColor};
  --ty-fill-white-color: #{$fillWhiteColor};
  --ty-fill-gray-light-color: #{$fillGrayLightColor};
  --ty-fill-gray-color: #{$fillGrayColor};

  // 图标颜色
  --ty-icon-main-color: #{$iconMainColor};
  --ty-icon-color: #{$iconColor};
  --ty-icon-light-color: #{$iconLightColor};
  --ty-icon-lighter-color: #{$iconLighterColor};
  --ty-icon-white-color: #{$iconWhiteColor};

  // 绿色
  --ty-green-color: #{$greenColor};
  --ty-green-light-color: #{$greenLightColor};
  --ty-green-lightest-color: #{$greenLightestColor};

  // 橙色
  --ty-orange-color: #{$orangeColor};
  --ty-orange-light-color: #{$orangeLightColor};
  --ty-orange-lightest-color: #{$orangeLightestColor};

  // 红色
  --ty-red-color: #{$redColor};
  --ty-red-light-color: #{$redLightColor};
  --ty-red-lightest-color: #{$redLightestColor};

  // 蓝色
  --ty-blue-color: #{$blueColor};
  --ty-blue-light-color: #{$blueLightColor};
  --ty-blue-lightest-color: #{$blueLightestColor};

  // 海莉蓝
  --ty-indigo-color: #{$indigoColor};
  // 弱琥珀色
  --amber-weak-light-color: #{$amberWeakLightColor};
}
